@import "./var.css";
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body {
	font-size: 13px !important;
	background: #f3f3f3;
	font-family: "Source Han Sans-Normal";
	color: #333;
	padding-right: 0 !important;
}

#app{
	padding: 10px 10px 10px 0;
}

i {
	font-style: normal;
}

.hover{
    &:hover{
        cursor: pointer;
    }
}
.cursor {
	cursor: pointer;
}
img {
	max-width: 100%;
	display: block;
}
.flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flex-column {
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}
.flex-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.w-50{
	width: 50%;
}
.w-100{
	width: 100%;
}
.size-15 {
	font-size: 15px;
}
.size-16 {
	font-size: 16px;
}
.size-18 {
	font-size: 18px;
}
.size-20 {
	font-size: 20px;
}

.mt-5{
    margin-top: 5px;
}
.mt-10{
    margin-top: 10px;
}
.mb-5{
    margin-bottom: 5px;
}
.mb-10{
    margin-bottom: 10px;
}
.ml-5{
    margin-left: 5px;
}
.ml-10{
    margin-left: 10px;
}
.mr-5{
    margin-right: 5px;
}
.mr-10{
    margin-right: 10px;
}
.red{
	color: red;
}

.line-1 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.line-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	/* autoprefixer: ignore next */
	-webkit-box-orient: vertical;
	/* autoprefixer: on */
	word-wrap: break-word;
}

.btn-list {
	text-align: center;
	.item {
		padding: 8px 0;
		cursor: pointer;
		&:hover{
			background: #f1f1f1;
		}
	}
	button{
		margin: 0 !important;
	}
}

/* 设置滚动条轨道的宽度 */
::-webkit-scrollbar {
	width: 5px !important;
	height: 5px !important;
	border-radius: 6px !important;
	&:hover {
		&::-webkit-scrollbar-thumb {
			background: var(--scroll-color);
		}
	}
}

/* 设置滚动条轨道的颜色 */
::-webkit-scrollbar-track {
	background: transparent !important;
	border-radius: 5px; /* 设置轨道的圆角 */
}

/* 设置滚动条滑块的颜色 */
::-webkit-scrollbar-thumb {
	transition: 0.8s;
	border-radius: 5px; /* 设置轨道的圆角 */
	background: #eee;
}